@import '@/app/styles/variables';

.container {
  display: block;
  padding: 60px;
  border-radius: 40px;
}

.containerPaddingLess {
  display: block;
  border-radius: 40px;
  padding: 48px;
}

.containerReverse {
  display: block;
  padding: 30px;
  border-radius: 25px;
}

@include media-min(sm) {
  .containerReverse {
    padding: 40px;
    border-radius: 30px;
  }
}

@include media-min(md) {
  .containerReverse {
    padding: 60px;
    border-radius: 40px;
  }
}

@include media(
  sm,
  (
    sm: 1200px,
  )
) {
  .container {
    padding: 30px;
    border-radius: 30px;
  }
}

@include media(sm) {
  .container {
    padding: 40px;
    border-radius: 30px;
  }
}

@include media(xs) {
  .container {
    padding: 30px;
    border-radius: 25px;
  }
}
